@charset "utf-8";
.familyone{
    background: #8bc01f;
    margin-top: 57px;
    overflow: hidden;
    .allWidth{
        margin-top: 67px;
        .row{
            .familytitle{
                font-size: 0;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: white;
                    font-size: 40px;
                    color: #8bc01f;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 48px;
                    color: white;
                    display: inline-block;
                    margin-left: 12px;
                }
                h2{
                    font-size: 24px;
                    color: white;
                    text-indent: 1rem;
                    margin-top: 23px;
                    margin-bottom: 68px;
                }
                p{
                    font-size: 14px;
                    color: white;
                    text-indent: 1rem;
                    line-height: 31px;
                    margin-bottom: 33px;
                }
                a{
                    width: 100px;
                    height: 34px;
                    font-size: 14px;
                    color: #8bc01f;
                    background: white;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 34px;
                    display: block;
                    margin-left: 10px;
                }
            }
            .family-cet{
                margin-left: 40px;
                margin-bottom: 60px;
                .family-cet-pc{
                    width: 449px;
                    height: 445px;
                    overflow: hidden;
                    flex-shrink: 0;
                    img{
                      width: 100%;   
                    }
                }
            }
            
        }
    }
}
.familytwo{
    background: #3393df;
    overflow: hidden;
    .allWidth{
        margin-top: 74px;
        .row{
            .familytitle{
                font-size: 0;
                background: url(../img/jz2.png) no-repeat;
                background-position-y: 79px;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: white;
                    font-size: 40px;
                    color: #3393df;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 48px;
                    color: white;
                    display: inline-block;
                    margin-left: 12px;
                }
            }
            .family-cet{
                margin-top: 103px;
                margin-bottom: 133px;
                >h1{
                    font-size: 24px;
                    color: white;
                    margin-bottom: 17px;
                }
                p{
                    font-size: 14px;
                    color: white;
                    line-height: 31px;
                }
                h1:nth-child(3){
                    margin-top: 33px;
                }
            }
            .family-pc{
                background: url(../img/jz3.png) no-repeat;
                background-position-y: bottom;
                margin-bottom: 60px;
            }
        }
    }
}
.layaAir{
    margin-top: 91px;
    .allWidth{
        .row{
            .familytitle{
                font-size: 0;
                vertical-align: top;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: #3393df;
                    font-size: 40px;
                    color: white;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 42px;
                    color: #3393df;
                    display: inline-block;
                    margin-left: 13px;
                }
                h2{
                    font-size: 18px;
                    color: #5d5d5d;
                    margin-top: 24px;
                }
                h3{
                    font-size: 18px;
                    color: #3393df;
                    margin-top: 37px;
                }
                p{
                    font-size: 14px;
                    color: #5d5d5d;
                    text-indent: 2rem;
                    line-height: 24px;
                    margin-top: 21px;
                }
                .familytitle-pc{
                    width: 141px;
                    height: 141px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-top: 40px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        .layaAir-cet{
            .familytitle{
                font-size: 0;
                vertical-align: top;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: #3393df;
                    font-size: 40px;
                    color: white;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 42px;
                    color: #3393df;
                    display: inline-block;
                    margin-left: 13px;
                }
                h2{
                    font-size: 18px;
                    color: #5d5d5d;
                    margin-top: 24px;
                }
                h3{
                    font-size: 18px;
                    color: #3393df;
                    margin-top: 37px;
                }
                p{
                    font-size: 14px;
                    color: #5d5d5d;
                    text-indent: 2rem;
                    line-height: 24px;
                    margin-top: 21px;
                }
                .familytitle-pc{
                    width: 141px;
                    height: 141px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-top: 40px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}
.layaAir2{
    margin-top: 91px;
    background: #f7f7f7;
    .allWidth{
        .row{
            .familytitle{
                font-size: 0;
                margin-top: 84px;
                vertical-align: top;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: #3393df;
                    font-size: 40px;
                    color: white;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 42px;
                    color: #3393df;
                    display: inline-block;
                    margin-left: 13px;
                }
                h2{
                    font-size: 18px;
                    color: #5d5d5d;
                    margin-top: 24px;
                }
                h3{
                    font-size: 18px;
                    color: #3393df;
                    margin-top: 37px;
                }
                p{
                    font-size: 14px;
                    color: #5d5d5d;
                    text-indent: 2rem;
                    line-height: 24px;
                    margin-top: 21px;
                }
                .familytitle-pc{
                    width: 141px;
                    height: 141px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-top: 40px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        .layaAir-cet{
            .familytitle{
                font-size: 0;
                vertical-align: top;
                i{
                    font-style: normal;
                    width: 55px;
                    height: 55px;
                    background: #3393df;
                    font-size: 40px;
                    color: white;
                    display: inline-block;
                    text-align: center;
                    line-height: 55px;
                    border-radius: 10px;
                }
                h1{
                    font-size: 42px;
                    color: #3393df;
                    display: inline-block;
                    margin-left: 13px;
                }
                h2{
                    font-size: 18px;
                    color: #5d5d5d;
                    margin-top: 24px;
                }
                h3{
                    font-size: 18px;
                    color: #3393df;
                    margin-top: 37px;
                }
                p{
                    font-size: 14px;
                    color: #5d5d5d;
                    text-indent: 2rem;
                    line-height: 24px;
                    margin-top: 21px;
                }
                .familytitle-pc{
                    width: 141px;
                    height: 141px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-top: 40px;
                    margin-bottom: 86px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}


@media only  screen and (max-width:414px){
    .familyone{
        margin-top: 56px;
        overflow: hidden;
        .allWidth{
            margin-top: 67px;
            .row{
                .familytitle{
                    font-size: 0;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: white;
                        font-size: 40px;
                        color: #8bc01f;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 48px;
                        color: white;
                        display: inline-block;
                        margin-left: 12px;
                    }
                    h2{
                        font-size: 24px;
                        color: white;
                        text-indent: 1rem;
                        margin-top: 23px;
                        margin-bottom: 68px;
                    }
                    p{
                        font-size: 14px;
                        color: white;
                        text-indent: 1rem;
                        line-height: 31px;
                        margin-bottom: 33px;
                    }
                    a{
                        width: 100px;
                        height: 34px;
                        font-size: 14px;
                        color: #8bc01f;
                        background: white;
                        border-radius: 5px;
                        text-align: center;
                        line-height: 34px;
                        display: block;
                        margin-left: 10px;
                    }
                }
                .family-cet{
                    margin-left: 24px;
                    .family-cet-pc{
                        width: 300px;
                        height: 300px;
                        overflow: hidden;
                        flex-shrink: 0;
                        margin-top: 30px;
                        img{
                          width: 100%;   
                        }
                    }
                }
                
                
                
            }
        }
    }
    .familytwo{
        background: #3393df;
        overflow: hidden;
        .allWidth{
            margin-top: 74px;
            .row{
                .familytitle{
                    font-size: 0;
                    background: none;
                    i{
                        font-style: normal;
                        width: 40px;
                        height: 40px;
                        background: white;
                        font-size: 30px;
                        color: #3393df;
                        display: inline-block;
                        text-align: center;
                        line-height: 40px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 39px;
                        color: white;
                        display: inline-block;
                        margin-left: 12px;
                    }
                }
                .family-cet{
                    margin-top: 60px;
                    margin-bottom: 50px;
                    >h1{
                        font-size: 24px;
                        color: white;
                        margin-bottom: 17px;
                    }
                    p{
                        font-size: 14px;
                        color: white;
                        line-height: 31px;
                    }
                    h1:nth-child(3){
                        margin-top: 33px;
                    }
                }
                .family-pc{
                    background: none;
                }
            }
        }
    }
    .layaAir{
        margin-top: 91px;
        .allWidth{
            .row{
                .familytitle{
                    font-size: 0;
                    vertical-align: top;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: #3393df;
                        font-size: 40px;
                        color: white;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 40px;
                        color: #3393df;
                        display: inline-block;
                        margin-left: 13px;
                    }
                    h2{
                        font-size: 18px;
                        color: #5d5d5d;
                        margin-top: 24px;
                    }
                    h3{
                        font-size: 18px;
                        color: #3393df;
                        margin-top: 37px;
                    }
                    p{
                        font-size: 14px;
                        color: #5d5d5d;
                        text-indent: 2rem;
                        line-height: 24px;
                        margin-top: 21px;
                    }
                    .familytitle-pc{
                        width: 100px;
                        height: 100px;
                        overflow: hidden;
                        margin: 0 auto;
                        margin-top: 40px;
                        margin-bottom: 20px;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
            .layaAir-cet{
                .familytitle{
                    font-size: 0;
                    vertical-align: top;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: #3393df;
                        font-size: 40px;
                        color: white;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 40px;
                        color: #3393df;
                        display: inline-block;
                        margin-left: 13px;
                    }
                    h2{
                        font-size: 18px;
                        color: #5d5d5d;
                        margin-top: 24px;
                    }
                    h3{
                        font-size: 18px;
                        color: #3393df;
                        margin-top: 37px;
                    }
                    p{
                        font-size: 14px;
                        color: #5d5d5d;
                        text-indent: 2rem;
                        line-height: 24px;
                        margin-top: 21px;
                    }
                    .familytitle-pc{
                        width: 100px;
                        height: 100px;
                        overflow: hidden;
                        margin: 0 auto;
                        margin-top: 40px;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .layaAir2{
        margin-top: 91px;
        background: #f7f7f7;
        .allWidth{
            .row{
                .familytitle{
                    font-size: 0;
                    margin-top: 84px;
                    vertical-align: top;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: #3393df;
                        font-size: 40px;
                        color: white;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 40px;
                        color: #3393df;
                        display: inline-block;
                        margin-left: 13px;
                    }
                    h2{
                        font-size: 18px;
                        color: #5d5d5d;
                        margin-top: 24px;
                    }
                    h3{
                        font-size: 18px;
                        color: #3393df;
                        margin-top: 37px;
                    }
                    p{
                        font-size: 14px;
                        color: #5d5d5d;
                        text-indent: 2rem;
                        line-height: 24px;
                        margin-top: 21px;
                    }
                    .familytitle-pc{
                        width: 100px;
                        height: 100px;
                        overflow: hidden;
                        margin: 0 auto;
                        margin-top: 40px;
                        margin-bottom: 40px !important;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
            .layaAir-cet{
                .familytitle{
                    font-size: 0;
                    vertical-align: top;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: #3393df;
                        font-size: 40px;
                        color: white;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 40px;
                        color: #3393df;
                        display: inline-block;
                        margin-left: 13px;
                    }
                    h2{
                        font-size: 18px;
                        color: #5d5d5d;
                        margin-top: 24px;
                    }
                    h3{
                        font-size: 18px;
                        color: #3393df;
                        margin-top: 37px;
                    }
                    p{
                        font-size: 14px;
                        color: #5d5d5d;
                        text-indent: 2rem;
                        line-height: 24px;
                        margin-top: 21px;
                    }
                    .familytitle-pc{
                        width: 100px;
                        height: 100px;
                        overflow: hidden;
                        margin: 0 auto;
                        margin-top: 40px;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}
@media only  screen and (max-width:375px){
    .familyone{
        margin-top: 56px;
        overflow: hidden;
        .allWidth{
            margin-top: 67px;
            .row{
                .familytitle{
                    font-size: 0;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: white;
                        font-size: 40px;
                        color: #8bc01f;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 48px;
                        color: white;
                        display: inline-block;
                        margin-left: 12px;
                    }
                    h2{
                        font-size: 24px;
                        color: white;
                        text-indent: 1rem;
                        margin-top: 23px;
                        margin-bottom: 68px;
                    }
                    p{
                        font-size: 14px;
                        color: white;
                        text-indent: 1rem;
                        line-height: 31px;
                        margin-bottom: 33px;
                    }
                    a{
                        width: 100px;
                        height: 34px;
                        font-size: 14px;
                        color: #8bc01f;
                        background: white;
                        border-radius: 5px;
                        text-align: center;
                        line-height: 34px;
                        display: block;
                        margin-left: 10px;
                    }
                }
                .family-cet{
                    margin-left: 26px;
                    .family-cet-pc{
                        width: 280px;
                        height: 280px;
                        overflow: hidden;
                        flex-shrink: 0;
                        margin-top: 30px;
                        img{
                          width: 100%;   
                        }
                    }
                }
                
                
                
            }
        }
    }
}
@media only  screen and (max-width:320px){
    .familyone{
        margin-top: 56px;
        overflow: hidden;
        .allWidth{
            margin-top: 67px;
            .row{
                .familytitle{
                    font-size: 0;
                    i{
                        font-style: normal;
                        width: 55px;
                        height: 55px;
                        background: white;
                        font-size: 40px;
                        color: #8bc01f;
                        display: inline-block;
                        text-align: center;
                        line-height: 55px;
                        border-radius: 10px;
                    }
                    h1{
                        font-size: 40px;
                        color: white;
                        display: inline-block;
                        margin-left: 12px;
                    }
                    h2{
                        font-size: 24px;
                        color: white;
                        text-indent: 1rem;
                        margin-top: 23px;
                        margin-bottom: 68px;
                    }
                    p{
                        font-size: 14px;
                        color: white;
                        text-indent: 1rem;
                        line-height: 31px;
                        margin-bottom: 33px;
                    }
                    a{
                        width: 100px;
                        height: 34px;
                        font-size: 14px;
                        color: #8bc01f;
                        background: white;
                        border-radius: 5px;
                        text-align: center;
                        line-height: 34px;
                        display: block;
                        margin-left: 10px;
                    }
                }
                .family-cet{
                    margin-left: 10px;
                    .family-cet-pc{
                        width: 240px;
                        height: 240px;
                        overflow: hidden;
                        flex-shrink: 0;
                        margin-top: 30px;
                        img{
                          width: 100%;   
                        }
                    }
                }
                
                
                
            }
        }
    }
}